
    *{
        padding:0px;
        margin:0px;
        box-sizing: border-box;
    }
   
    html{
        width: 100%;
    }
  
    ul{
        list-style: none;
    }
    .flex{
        display:box;
        display: -webkit-box; 
        display: -moz-box;
        display: -webkit-flex; 
        display: -moz-flex; 
        display: -ms-flexbox;
        display: flex;
    }
    .flex-align-items{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack:center;
        -webkit-align-items: center;
        align-items: center;
    }
    .flex-justify-content{
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        box-align:center;
    }
    a{
        text-decoration: none;
        color: inherit;
        font-size: inherit;
    }
    a,
    input,
    .cursor{
        -webkit-tap-highlight-color:transparent;
    }
    .cursor{
        cursor: pointer;
    }
    .delay-1{
        transition-delay: .1s;
    }
    .delay-2{
        transition-delay: .2s;
    }
    .delay-3{
        transition-delay: .3s;
    }
    .delay-4{
        transition-delay: .4s;
    }
    
    .fluid{
        width: 1200px;
        margin: 0px auto;
    }
    body.noScroll{
        overflow: hidden;
        width: initial;
    }
    body>.container{
        position: relative;
    }
    body::-webkit-scrollbar{
        width: 6px;
        height: 6px;
        border-radius: 50%;
    }
    body::-webkit-scrollbar-thumb{
        background: #df2532;
    }

    body::-webkit-scrollbar-track{
        border-radius: 10px;
        background: #fff;
    }
    img{
        display: block;
        height: auto;
    }
    .obj-c{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    input{
        appearance: none;
        -webkit-appearance: none;
        border-width: 0px;
        border-radius: 0px;
        outline: none;
        color: inherit;
        background: transparent;
        font-size: inherit;
    }
    textarea{
        outline: none;
        color: inherit;
        font-size: inherit;
        border-radius: initial;
        border-width: 0px;
    }
    input::placeholder,
    textarea::placeholder{
        color:inherit;
        font-size: inherit;
    }
    .container.fillAll{
        min-height: 100vh;
        flex-direction: column;
        display:box;
        display: -webkit-box; 
        display: -moz-box;
        display: -webkit-flex; 
        display: -moz-flex; 
        display: -ms-flexbox;
        display: flex;
    }
    .fillAll main{
        flex:1;
    }
    header{
        position: fixed;
        z-index: 5;
        width: 100%;
        top: 0px;
        left: 0px;
        background: #fff;
        transition: all ease .5s;
    }
    header .menu{
        height: 100%;
        justify-content: space-between;
        height: 100px;
        padding: 0px 6.5vw;  
    }
    header.shadow{
        box-shadow: 0px 5px 5px rgba(0,0,0,.4);
    }
    header .menu .pc .logo img{
        display: block;
    }
    header .menu .pc a{
        font-size: 16px;
        margin: 0px 25px;
        display: inline-block;
        transition: color ease .5s;
    }
    header .menu .pc a.current,
    header .menu .pc a:hover{
        color: #df2532;
    }
    header .menu .pc a:first-child{
        margin-left: 0px !important;
    }
    header .menu .pc a:last-child{
        margin-right: 0px !important;
    }
    header .menu .mobileMenuBtn{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #df2532;
        position: relative;
        z-index: 15;
    }
    header .menu .mobileMenuBtn span{
        background: #fff;
        height: 2px;
        width: 25px;
        display: block;
        position: relative;
        top: 0px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        transform-origin: center center;
        transition-property: top , transform;
        transition-duration: .2s;
        transition-delay: .2s, 0s;
    }
    header .menu .mobileMenuBtn span + span{
        margin-top: 5px;
    }
    header .menu.phone .mobileMenuBtn span{
        transition-delay: 0s, .2s;
    }
    header .menu.phone .mobileMenuBtn span:first-child{
        top: 7px;
    }
    header .menu.phone .mobileMenuBtn span:last-child{
        top: -7px;
    }
    header .menu.phone .mobileMenuBtn span:first-child,
    header .menu.phone .mobileMenuBtn span.mid{
        transform:rotate(45deg);
    }
    header .menu.phone .mobileMenuBtn span:last-child{
        transform:rotate(-45deg);
    }


    header .menu .mobileMenu{
        flex-direction: column;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0px;
        left: 100%;
        z-index: 10;
        background: #df2532;
        transition: left ease .5s;
    }
    header .menu.phone .mobileMenu{
        left: 0%;
    }
    header .menu .mobileMenu a{
        font-size: 3.5vw;
        padding: 20px 0px;
        color: #fff;
    }
    main{
        padding-top: 100px;
    }
    main .headPic{
        position: relative;
        margin:0 auto;
    }
    main .headPic.ready{
        transition: width ease 1s .1s;
        width: 0%;
    }
    main .headPic.frozen{
        width: 100%;
    }
    main .headPic .shave{
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100%;
        background: rgba(0,0,0,.1);
    }
    main .title{
        padding-bottom: 45px;
        position: relative;
        z-index: 2;
        text-align: center;
    }
    main .title p:first-child{
        font-size: 34px;
    }
    main .title p:last-child{
        font-size: 20px;
        color: #666;
    }
    main .title i{
        display: block;
        margin: 5px auto;
        width: 75px;
        height: 2px;
        background: #df2532;
    }
    main .title + p{
        font-size: 16px;
        color: #666;
        padding:0px 20px;
        line-height: 150%;
        text-align: center;
    }
    main .ready .title>*,
    main .ready .title + p{
        transition-property: transform,opacity;
        transition-duration: .8s;
        transform:translateY(20px);
        opacity: 0;
    } 
    main .frozen .title>*,
    main .frozen .title + p{
        opacity: 1;
        transform: translateY(0px);
    }
    main a.btn:last-child{
            width: 385px;
            line-height: 65px;
            border: 1px solid #000;
            border-radius: 65px;
            margin: 0px auto;
            display: block;
            font-size: 24px;
            text-align: center;
            transition: border-color,color,background;
            transition-duration: .5s;
    }
    main a.btn:last-child:hover{
        color: #fff;
        background: #df2532;
        border-color: #df2532;
    }
    footer nav{
        border-bottom: 1px solid #df2532;
        background: #f2f2f2;
    }
    footer nav a{
        line-height: 130px;
        font-size: 16px;
        color: #555;
    }
    footer nav a + a{
        margin-left: 60px;
    }
    footer>p{
        background: #ccc;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding:25px 0px;
    }
    footer>p span{
        margin-left: 20px;
    }